body,h1,h2,h3,h4,h5,h6,ul,p,dd,dl,dt{
    margin: 0;
    padding: 0;
}
ul{
   list-style: none;
}
img{
   vertical-align: middle;
}
h1,h2,h3,h4,h5,h6,strong{
   font-weight: normal;
}
body{
   font: 1em / 1.8 'microsoft Yahei', sans-serif;
   color: #333;
   --themecolor:#ff8c1b;
   background-color: #eee;
}
.clearfix::after{
   content: '';
   display: block;
   clear: both;
}
a{
   text-decoration: none;
   color: #333;
}
input,button{
   outline: none;
}
em{
   font-style: normal;
}
p{
   cursor: default;
}
.mask{
   width: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   position: fixed;
   bottom: 0;
   left: 0;
}
.mask-heart{
   width: 85%;
   margin: 0 auto;
   min-width:375px;
   max-width: 1600px;
   display: flex;
   align-items: center;
   gap: 20px;
   justify-content: center;
}
.mask-left{
   flex: 1;
}
.mask-left img{
   width: 100%;
}
.mask-middle img{
   width: 100%;
}
.mask-middle{
   flex: 5;
}
.mask-footer{
   flex: 1;
}
.mask-footer img{
   width: 100%;
}
.mask-box{
   height: 108px;
   width: 100%;
}